<template>
  <div>
    <div class="container index">
      <div class="not-member">
        <img src="../assets/image/other/vip-notmember1.99d3004.jpg" alt="" />
      </div>
      <div class="not-member">
        <img src="../assets/image/other/vip-notmember2.9d49653.jpg" alt="" />
      </div>
      <div class="not-member">
        <img src="../assets/image/other/vip-notmember3.39428ae.jpg" alt="" />
      </div>
      <div class="not-member">
        <img src="../assets/image/other/vip-notmember4.b9f7e17.jpg" alt="" />
      </div>
      <img src="../assets/image/other/vip-notmember5.3dceaff.jpg" alt="" />
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style lang='scss'>
.container.index {
  margin-top: 20px;
  padding-bottom: 40px;
  overflow: hidden;
  .not-member {
    margin: 20px auto;
    padding: 20px;
    background-color: #fff;
    border-radius: 20px;
    img {
      width: 100%;
      height: 100%;
      border-radius: 20px;
    }
  }
  & > img {
    display: block;
    margin: 0 auto;
  }
}
</style>